﻿.rounded-upper-corners(@radius: 5px) {
    -webkit-border-radius: @radius @radius 0 0;
    -moz-border-radius: @radius @radius 0 0;
    -ms-border-radius: @radius @radius 0 0;
    -o-border-radius: @radius @radius 0 0;
    border-radius: @radius @radius 0 0;
}

.rounded-bottom-corners(@radius: 5px) {
    -webkit-border-radius: 0 0 @radius @radius;
    -moz-border-radius: 0 0 @radius @radius;
    -ms-border-radius: 0 0 @radius @radius;
    -o-border-radius: 0 0 @radius @radius;
    border-radius: 0 0 @radius @radius;
}

.rounded-corners (@radius: 5px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
}

.rounded-corners-small {
    .rounded-corners(@corner-radius-small);
}

.rounded-corners-medium {
    .rounded-corners(@corner-radius-medium);
}

.rounded-corners-large {
    .rounded-corners(@corner-radius-large);
}

/*#region margins*/

.margin-all(@margin: @edge-small) {
	margin: @margin;
}

.margin-all-large {
	.margin-all(@edge-medium);
}

.margin-left(@margin: @edge-small) {
	margin-left: @margin;
}

.margin-left-large {
	.margin-left(@edge-medium);
}

.margin-right(@margin: @edge-small) {
	margin-right: @margin;
}

.margin-right-large {
	.margin-right(@edge-medium);
}

.margin-top (@margin: @edge-small) {
	margin-top: @margin;
}

.margin-top-large {
	.margin-top(@edge-medium);
}

.margin-bottom (@margin: @edge-small) {
	margin-bottom: @margin;
}

.margin-bottom-large {
	.margin-bottom(@edge-medium);
}

/*#endregion */

/*#region paddings */

.padding-all(@padding: @edge-small) {
	padding: @padding;
}

.padding-all-large {
	.padding-all(@edge-medium);
}

.padding-left(@padding: @edge-small) {
	padding-left: @padding;
}

.padding-left-large {
	.padding-left(@edge-medium);
}

.padding-right(@padding: @edge-small) {
	padding-right: @padding;
}

.padding-right-large {
	.padding-right(@edge-medium);
}

.padding-top (@padding: @edge-small) {
	padding-top: @padding;
}

.padding-top-large {
	.padding-top(@edge-medium);
}

.padding-bottom (@padding: @edge-small) {
	padding-bottom: @padding;
}

.padding-bottom-large {
	.padding-bottom(@edge-medium);
}

/*#endregion */

.box-sizing-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}